@import url(communal.less);
@import url(rem.less);
.header{
    background: white;
    em{
        .font-dpr(15px);
    }
}
#img{
    width:50%;
}
#imgs{
    width: 20%;
}
.head{
    width: 100%;
    .h(136);
    .t(152);
    background: white;
    border-bottom: 1px solid #ccc;
    position: fixed;
    ul{
        text-align: center;
        li{
            width: 25%;
            float: left;
            .lh(136);
            .font-dpr(13px);
        } 
        li:nth-child(1){
            background-position: 2rem center;
        }
        li:nth-child(2){
            background-position: 1.8rem center;
        }
        li:nth-child(3){
            background-position: 1.8rem center;
        }
        li:nth-child(4){
            background-position: 1.8rem center;
        }
    }
}
.img{
    .pt(290);
    .pb(50);
    img{
        width: 100%;
    }
}
.moren{
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    position: fixed;
    .b(-290);
    overflow: hidden;
    display: none;
    ul{
        li{
            background-color: white;
            width: 95%;
            .h(165);
            .lh(165);
            padding-left: 5%;
            border-bottom: 1px solid #ccc;
            .font-dpr(13px);
        }
        .li{
            color: #f85d00;
        }
    }
    .kong{
        .h(400);
        
    }
}
.moren2{
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    position: fixed;
    .b(-290);
    overflow: hidden;
    text-align: center;
    display: none;
    .ul{
        background: white;
        text-align: center;
        .lh(130);
        .font-dpr(13px);
        border: none;
        color: #666;
        .pt(50);
        li{
            .mt(10);
            .mb(10);
            .ml(17);
            .mr(17);
           width: 30%;
          box-sizing: border-box;
           .h(130);
           border: 1px solid #666; 
           float: left;
           background: white;
        }
    }
    .p{
        background-color: white;
        p{
            .w(600);
            .h(135);
            background: #ff5a37;
            color: white;
            .font-dpr(13px);
            text-align: center;
            .lh(135);
            display: inline-block;
            .mt(350);
            .mb(100);
        }
    }
   
    .kong{
        .h(400);
        
    }
}
.brand2{
    width: 100%;
    position: absolute;
    .r(-1080);
    .t(0);
    background-color: white;
    overflow: hidden;
    display: none;
    .size{
        background-size: 0;
    }
    em{
        .pr(150);
    }
    .main1{
        .m_x{
            width: 95%;
            border-bottom: 1px solid #666;
            box-sizing: border-box;
            .h(133);
            padding-left: 5%;
            .m_x_o{
                h2{
                    width: 97%;
                    .lh(133);
                    .font-dpr(17px);
                    font-weight: bolder;
                    padding-left: 3%;
                }
            }  
        }
        .o_m{
            display: flex;
            justify-content: space-around;
            align-items: center;
            flex-wrap: wrap;
            .fig{
                width: 20%;
                text-align: center;
                .pt(34);
                img{
                    width: 50%;
                }
                .figs{
                    .font-dpr(14px);
                    .lh(147);
                }
            }
        }
    }
    .strat{
        .h(300);
        .mt(40);
        p{
            .lh(120);
            .pl(50);
            .font-dpr(14px);
            border-bottom: 1px solid #666;
        }
        h2{
            .lh(181);
            .pl(50);
            .font-dpr(15px);
            border-bottom: 1px solid #666;
        }
    }
    .a{
        .mt(40);
        h2{
            .lh(181);
            .pl(50);
            .font-dpr(15px);
            border-bottom: 1px solid #666;
            span{
                .pl(67);
                .font-dpr(17px); 
            }
        }
    }
}
.brand{
    width: 100%;
    height: 100%;
    background-color: white;
    position: absolute;
    .r(-1080);
    .t(0);
    display: none;
.header{
    .size{
        background-size: 0;
    }
}
    .main{
        .m_box1{
            width: 100%;
            border-bottom: 1px solid #666;
            .h(306);
            .pt(152);
            .m_one{
                width: 90%;
                margin: auto;
                .h(306);
                h2{
                    width: 100%;
                    .lh(141);
                    .font-dpr(17px);
                    font-weight: bolder;
                }
                .o_o{
                    display: flex;
                    justify-content: space-around;
                    align-items: center;
                    text-align: center;
                    .lh(130);
                    p{
                        .w(291);
                        .h(130);
                        border: 1px solid #666;
                        border-radius: 10px;
                        .font-dpr(15px);
                    }
                    .o_p{
                        border: 1px solid red;
                        background-color: #ffe9e9;
                        color: red;
                    }
                    
                }
                
            }
        }
        .m_box2{
            width: 100%;
            border-bottom: 1px solid #666;
            .h(645);
            .m_two{
                width: 90%;
                margin: 0 auto;
                .h(645);
                h2{
                    .lh(150);
                    .font-dpr(15px);
                    font-weight: bolder;
                    span{
                        float: right;
                        font-weight: 100;
                    }
                }
                .m_o{
                    text-align: center;
                    .lh(73);
                   
                    figure{
                        width: 30%;
                        .mt(12);
                        .mb(12);
                        .ml(16);
                        .mr(16);
                        .h(200);
                        border: 1px solid #666;
                        float: left;
                        box-sizing: border-box;
                        img{
                            width: 40%;
                            .pt(30);
                        }
                        figcaption{
                            .font-dpr(15px);  
                        }
                    }
                    .m{
                        border: 1px solid red;
                        background-color: #ffe9e9;
                        color: red;
                    }
                }
            }
        }
        .m_box3{
            width: 100%;
            border-bottom: 1px solid #666;
            .h(300);
            .m_one{
                width: 90%;
                margin: auto;
                .h(300);
                h2{
                    width: 100%;
                    .lh(141);
                    .font-dpr(17px);
                    font-weight: bolder;
                }
                .o_o{
                    display: flex;
                    justify-content: space-around;
                    align-items: center;
                    text-align: center;
                    .lh(130);
                    p{
                        .w(291);
                        .h(130);
                        border: 1px solid #666;
                        border-radius: 10px;
                        .font-dpr(15px);
                    }
                    .o_p{
                        border: 1px solid red;
                        background-color: #ffe9e9;
                        color: red;
                    }
                }
                
            }
        }
    }
    .foot{
        width: 100%;
        display: flex;
        justify-content: space-between;
        position: absolute;
        .b(150);
        z-index: 9999;
        h2{
            .lh(148);
            .w(300);
            text-align: center;
            background-color: #f85d00;
            color: white;
            .font-dpr(15px);
        }
        p{
            .lh(148);
            .font-dpr(15px);
            color: #f85d00;
            .pl(200);
        }
    }
}

.small{
    background-color: white;
    .service{
        
        .s_left{
            width: 30%;
            height: 90%;
            float: left;
            img{
                width: 85%;
                .ml(30);
                .mt(40);
            }
        }
        .s_right{
            width: 60%;
            height: 100%;
            float: left;
            box-sizing: border-box;
            .s_p{
                .mt(40);
                .font-dpr(15px); 
                font-weight: bolder;
                .lh(50);
            }
            .s_sp1{
                color:#666; 
                .font-dpr(10px); 
                .lh(60);
            }
            .s_p2{
                .mb(40);
                .s_sp2{
                    .font-dpr(15px); 
                    color: #f85d00;
                }
                .s_sp3{
                    .font-dpr(13px); 
                    color: #f85d00;
                    padding-left: 10%;
                }
            }
        }
        .shou{
            .h(80);
            width: 70%;
            float: right;
            border-bottom: 1px solid #ccc;
            border-top: 1px solid #ccc;
            .lh(80);
            span{
                display: inline-block;
                .w(168);
                .h(44);
                .lh(54);
                color:#dabd92;
                text-align: center;
                background-color:#ecddc7;
                .font-dpr(10px); 
            }
            a{
                color: #ccc;
                .font-dpr(11px); 
                padding-left: 5%;
            }
        }
    }
} 
